
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>玩摇摇乐得“真金白银”逢8送钱，8越多钱越多</title>
    <meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1">
    <meta name="viewport" content="width=640">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="<?php echo $base_url;?>/style/m/css/reset.css">
    <link rel="stylesheet" href="<?php echo $base_url;?>/style/m/css/m-lucky.css">
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript" src="<?php echo $base_url;?>/style/m/js/jquery.js"></script>
    <script type="text/javascript" src="<?php echo $base_url;?>/style/m/js/m-lucky.js"></script>
    <style>
        #m-index-1{font-family: "Microsoft YaHei";}
        #m-index-1 .wrap{}

        #m-index-1 .bg{position: absolute;background: #a25ce5;}
        #m-index-1 .logo1{position: absolute;top: 1.5%;left: 3.5%;width: 25%;padding-top: 10%;}
        #m-index-1 .logo2{position: absolute;top: 1.5%;right: 2%;width: 39%;padding-top: 12%;}

        #m-index-1 .act{width: 96%;background: #a25ce5;position: absolute;bottom: 0;left: 0;margin-left: 4%;}
        #m-index-1 .act ul{width: 100%;margin-top: 20px;overflow: hidden;}
        #m-index-1 .act ul li{width: 48%;float: left;margin-bottom: 20px;}
        #m-index-1 .act ul li img{max-width: 100%;}
        #m-index-1 .btn{position: absolute;bottom: 31.2%;left: 21%;width: 60%;}
        #m-index-1 .btn img{width: 100%;}
        #m-index-1 .help{position: absolute;bottom: 25%;left: 37%;/*width: 60%;*/}
        #m-index-1 .help img{width: 100%;}
        #m-index-1 .times{
            font-size: 36px;
            color: red;
            position: absolute;
            bottom: 56%;
            left: 30.5%;
            font-family: "微软雅黑";
            font-weight: bold;
        }
        #m-index-1 .num{
            position: absolute;
            width: 9%;
            color: #601986;
            font-size: 120px;
            text-align: center;
            overflow: hidden;
            padding-top: 20%;
        }
        #m-index-1 .num ul{position: absolute;top: 0;left: 0;}
        #m-index-1 .num1{
            top: 26%;
            left: 31%;
        }
        #m-index-1 .num2{
            top: 26%;
            left: 46%;
        }
        #m-index-1 .num3{
            top: 26%;
            left: 60%;
        }
        #m-index-1 .resbox1{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);display: none;}
        /*#m-index-1 .resbox1 .step1{display: block;}*/
        #m-index-1 .resbox1 .step1{display: block;position: relative;}
        #m-index-1 .resbox1 .step2{display: none;position: relative;}
        #m-index-1 .resbox1 .step3{display: none;position: relative;}
        #m-index-1 .resbox1 .step2 img{
            width: 100%;
            margin: 30% 0 0;
        }
        #m-index-1 .resbox1 .step2 .resget{
            height: 96px;
            width: 370px;
            border-radius: 96px;
            background: #a526da;
            line-height: 96px;
            text-align: center;
            font-size: 55px;
            font-weight: bold;
            color: #fff;
            /*position: absolute;*/
            /*bottom: 30%;
            left: 27%;*/
            font-family: "微软雅黑";
            margin: 30px auto;
        }
        .blur {
            -webkit-filter: blur(3px); /* Chrome, Opera */
            -moz-filter: blur(3px);
            -ms-filter: blur(3px);
            filter: blur(3px);
        }
        #m-index-1 .resbox1 .step1 img{
            width: 98%;
            margin: 40% 1% 0;
        }
        #m-index-1 .resbox1 .step1 .getbtn{
            position: absolute;
            bottom: 32%;
            left: 61%;
            width: 24%;
            padding-top: 11%;
        }
        #m-index-1 .resbox1 .step1 .phone{
            position: absolute;
            bottom: 33.1%;
            left: 13%;
            width: 42%;
            height: 78px;
            line-height: 78px;
            font-size: 40px;
            border: none;
            outline: none;
            color: #601986;
        }
        #m-index-1 .resbox1 .step1 .close{
            position: absolute;
            bottom: 46%;
            left: 87%;
            width: 12%;
            padding-top: 13%;
        }

        #m-index-1 .resbox1 .step3 img{
            width: 80%;
            margin: 0 0 0 10%;
        }
        #m-index-1 .resbox1 .step3 .close{
            position: absolute;
            bottom: 61%;
            left: 80%;
            width: 10%;
            padding-top: 10%;
        }
        #m-index-1 .resbox2{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);display: none;}
        #m-index-1 .resbox2 img{
            width: 90%;
            margin: 0 0 0 5%;
        }
        #m-index-1 .resbox2 .close{
            position: absolute;
            bottom: 90%;
            left: 80%;
            width: 11%;
            padding-top: 12%;
        }

        #m-index-1 .resbox3{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);display: none;}
        #m-index-1 .resbox3 img{
            width: 90%;
            margin: 24% 0 0 8%;
        }
        #m-index-1 .resbox3 .close{
            position: absolute;
            bottom: 76%;
            left: 86%;
            width: 11%;
            padding-top: 12%;
        }
        #m-index-1 .resbox4{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);display: block;}
        #m-index-1 .resbox4 img{
            width: 86%;
            margin: 30% 0 0 7%;
        }
        #m-index-1 .resbox5{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #a526da;display: none;}
        #m-index-1 .resbox5 img{
            width: 60%;
            margin: 20% 0 0 21%;
        }
    </style>
</head>
<body id="m-index-1">
<div class="wrap">
    <div class="bg">
        <img src="<?php echo $base_url;?>/style/m/images/lucky-bg.png">
        <a class="logo1" href="#"></a>
        <a class="logo2" href="#"></a>
        <div class="times">剩余抽奖次数：2次</div>
        <a href="#" class="help"><img src="<?php echo $base_url;?>/style/m/images/lucky-btn2.png" alt=""></a>
        <div class="act">
            <ul>
                <li><a href="#" class="link1"><img src="./images/public-btn1s.png" alt=""></a></li>
                <li><a href="#" class="link2"><img src="./images/public-btn2.png" alt=""></a></li>
                <li><a href="#" class="link3"><img src="./images/public-btn3.png" alt=""></a></li>
                <li><a href="#" class="link4"><img src="./images/public-btn4.png" alt=""></a></li>
            </ul>
        </div>
        <div class="btn"><img src="./images/lucky-btn1.png" alt=""></div>
        <div class="num num1">
            <ul>
                <li>8</li>
                <li>2</li>
                <li>1</li>
                <li>4</li>
                <li>5</li>
                <li>9</li>
                <li>7</li>
                <li>3</li>
                <li>6</li>
            </ul>
        </div>
        <div class="num num2">
            <ul>
                <li>8</li>
                <li>7</li>
                <li>3</li>
                <li>9</li>
                <li>5</li>
                <li>6</li>
                <li>2</li>
                <li>1</li>
                <li>4</li>
            </ul>
        </div>
        <div class="num num3">
            <ul>
                <li>8</li>
                <li>2</li>
                <li>4</li>
                <li>3</li>
                <li>9</li>
                <li>6</li>
                <li>1</li>
                <li>7</li>
                <li>5</li>
            </ul>
        </div>
    </div>
    <div class="resbox resbox4">
        <img src="<?php echo $base_url;?>/style/m/images/lucky-res7.png" alt="">
    </div>
</div>
</body>
</html>